﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
		
	</head>
	<body>
		<div ng-app="myApp" ng-controller="namesCtrl">

			<p><input type="text" ng-model="test"></p>

			<ul>
			  <li ng-repeat="x in names | filter:test | orderBy:'country'">
				{{ (x.name | uppercase) + ', ' + x.country }}
			  </li>
			</ul>

		</div>
		<!--
			过滤器				描述
			currency	格式化数字为货币格式。
			filter		从数组项中选择一个子集。
			lowercase	格式化字符串为小写。
			orderBy		根据某个表达式排列数组。
			uppercase	格式化字符串为大写。
		-->
		<script src="namesController.js"></script>
	</body>
</html>
